<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>使用标签及name属性获取元素</title>
</head>
<body>
    <div id="bc0" class="bcclass" name="name">不要学编程1</div>
    <div id="bc01" class="bcclass" name="name">不要学编程1</div>
    <div id="bc1" class="bcclass" name="name1">不要学编程1</div>
    <p id="bc2" class="bcclass" name="name2">不要学编程2</p>
    <div id="bc3" class="bcclass" name="name3">不要学编程3</div>
    <p id="bc4" class="bcclass" name="name4">不要学编程4</p>
    <span id="bc5" class="bcclass" name="name5">不要学编程5</span>
    <script>
        document.write('<p><br>使用标签及name属性获取元素：<br></p>')
        document.write('<p style="color:red;">一、根据标签获取元素：document.getElementsByTagName("标签");<br></p>')
        document.write('<span style="color:red;">返回文档中所有标签的一组元素，而不是一个元素。可以把他当作一个数组进行处理。<br></span>')
        document.write('<span style="color:blue;">注：当前文档中指定的所有标签都会被获取，包括 "script" 标签中的标签。<br></span>')
        var a = document.getElementsByTagName('p');
        console.log("aaa");
        console.log(a);
        console.log("bbb");
        for(var i=0;i<a.length;i++){
            console.log(a[i]);
        }
        console.log("ccc");
        document.write('<p style="color:red;">二、根据name获取元素：document.getElementsByName("name属性值");<br></p>')
        document.write('<span style="color:red;">返回文档中所有指定标签名的一组元素，而不是一个元素.可以把他当作一个数组进行处理。<br></span>')
        var z = document.getElementsByName('name');
        console.log(z);
    </script>
</body>
</html>